<!--
 * @Author: Ryanuo
 * @Date: 2022-08-03 20:08:17
 * @LastEditors: ryanuo
 * @Github: https://github.com/ryanuo
 * @LastEditTime: 2022-08-04 10:52:58
 * @FilePath: \dev\src\components\loading\MarkLoad.vue
-->
<template>
  <div v-if="isload" class="isdload animate__animated animate__fadeIn">
    <span><img src="/img/loading.gif" alt="" srcset="" />{{ loadText }}
      <i v-if="totalnum">
        ({{ progressnum }}/{{ totalnum }})
      </i>
    </span>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  props: {
    isload: {
      type: Boolean,
      default: false
    },
    totalnum: {
      type: Number,
      default: 0
    },
    progressnum: {
      type: Number,
      default: 0
    },
    loadText: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="less" scoped>
</style>
